<script setup>
// import SearchBar from '../components/hotel/SearchBar.vue'
// import HotelList from '../components/hotel/HotelList.vue'
// import OrderCardLhx from "../components/order/OrderCardLhx.vue";
// import Detail from "../components/order/Detail.vue";
// import AppliForm from "../components/order/AppliForm.vue";
// import OrderCardNew from "../components/order/OrderCardNew.vue";
// import OrderCardTWO from "../components/order/OrderCardTWO.vue";
// import {defineProps, onMounted, ref} from 'vue'
// import {useUserStore} from "../stores"
// import TestForm from "../components/order/TestForm.vue";
import router from '@/router/index.js'
import AppliForm from "../components/order/AppliForm.vue";
import TestForm from "../components/order/TestForm.vue";
import AppliFormTWO from "../components/order/AppliFormTWO.vue";
import {ref} from 'vue';
import {onMounted} from "vue";
// const userInfo=useUserStore()
// const i=ref(1)

// onMounted(() => {
//   this.$route.
// })
const hotel=ref({
  id:router.currentRoute.value.params.hotelId,
  name:router.currentRoute.value.params.hotelName,

})
const roomType=ref({
  type:router.currentRoute.value.params.type,
  id:router.currentRoute.value.params.roomId,
  bedType:router.currentRoute.value.params.bedType,
  // amount:router.currentRoute.value.params.amount,
  amount:router.currentRoute.value.params.amount,
  breakfast:router.currentRoute.value.params.breakfast,
  capacity:router.currentRoute.value.params.capacity,

})
const user=ref({
  // userId:userInfo.id
  userId:1,
})
</script>

<template>
  <div>
    <AppliFormTWO :hotel="hotel" :roomType="roomType" :user="user"/>
  </div>
</template>

<style scoped>
.el-header {
  margin-bottom: 10px;
  background-color: rgb(248, 248, 248);
  position: relative;
}
</style>
